<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <link rel="stylesheet" href="">
    <style type="text/css" media="screen">
        body{
            background-image:url(QQ图片20170628161816.jpg);/*背景图*/
            background-size: cover;/*覆盖全网页*/
        }
        input{
                width: 450px;
                height: 45px;
        }/*搜索框的高和宽*/
        button{
            width: 45px;
            height: 45px;/*搜索图片的大小*/
           background-image:url(QQ图片20170628161852.png);/*搜索图片的背景*/
        }
        p{
          display:flex;
          align-items: center;
          position: absolute;
          top:120px;
          left: 170px;
        }

    </style>
</head>
<body>
<y>
<a href="http://image.so.com/i?src=360pic_strong&z=1&i=3&cmg=12e8439d8e802f6fb7515b0e2d5b063e&q=%E5%9B%BE%E7%89%87" title="">图片</a>
<a href="http://www.360kan.com/site.html" title="">电影</a>
</y>
<p>
    <img src="QQ图片20170628161852.png" alt="">
    <input type="text" name="" value="" placeholder=""><!-- 搜索框 -->
    <button type=""> <img src="QQ图片20170628161901.png" alt=""></button><!-- 搜索框图片 -->
</p>
</body>
</html>